<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>品优购物车</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<div class="container">
			<div class="w">
				<div class="title">
					<em>全部商品</em>
				</div>
				<!--购物车核心部分-->
				<div class="warp">
					<!--头部全选模块-->
					<div class="t-head">
						<div class="check">
							<input type="checkbox" class="checkall"/>全选
						</div>
						<div class="goods">商品</div>
						<div class="price">单价</div>
						<div class="num">数量</div>
						<div class="sum">小计</div>
						<div class="action">操作</div>
					</div>
					<!--商品详细模块-->
					<div class="item">
						<div class="item_list item_bg">
							<div class="check">
								<input type="checkbox" checked class="g_check"/>
							</div>
							<div class="list_goods">
								<div class="g_img">
									<img src="images/p1.jpg"/>
								</div>
								<div class="g_word">
									【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文教学大纲
								</div>
								<div class="g_price">￥12.60</div>
								<div class="g_num">
									<a href="javascript:;" class="cut">-</a>
									<input type="text" value="1" class="itin"/>
									<a href="javascript:;" class="add">+</a>
								</div>
								<div class="g_sum">￥12.60</div>
								<div class="g_action"><a href="javascript:;">删除</a></div>
							</div>
						</div>
						<div class="item_list">
							<div class="check">
								<input type="checkbox"  class="g_check"/>
							</div>
							<div class="list_goods">
								<div class="g_img">
									<img src="images/p2.jpg"/>
								</div>
								<div class="g_word">
									【2000张贴纸】贴纸书 3-6岁 贴画儿童 贴画书全套12册 贴画 儿童汽车
								</div>
								<div class="g_price">￥24.80</div>
								<div class="g_num">
									<a href="javascript:;" class="cut">-</a>
									<input type="text" value="1" class="itin"/>
									<a href="javascript:;" class="add">+</a>
								</div>
								<div class="g_sum">￥24.80</div>
								<div class="g_action"><a href="javascript:;">删除</a></div>
							</div>
						</div>
						<div class="item_list">
							<div class="check">
								<input type="checkbox"  class="g_check"/>
							</div>
							<div class="list_goods">
								<div class="g_img">
									<img src="images/p3.jpg"/>
								</div>
								<div class="g_word">
									唐诗三百首+成语故事全2册 一年级课外书 精装注音儿童版 <br />
									小学生二三年级课外阅读书籍
								</div>
								<div class="g_price">￥29.80</div>
								<div class="g_num">
									<a href="javascript:;" class="cut">-</a>
									<input type="text" value="1" class="itin"/>
									<a href="javascript:;" class="add">+</a>
								</div>
								<div class="g_sum">￥29.80</div>
								<div class="g_action"><a href="javascript:;">删除</a></div>
							</div>
						</div>
					</div>
				</div>
				<!--结算模块-->
				<div class="floatbar">
					<div class="f_all">
						<input type="checkbox"  class="checkall"/>全选
					</div>
					<div class="operation">
                        <a href="javascript:;" class="remove-batch"> 删除选中的商品</a>
                        <a href="javascript:;" class="clear-all">清理购物车</a>
                    </div>
                    <div class="settle">
                    	<div class="amount-sum">已经选<em>1</em>件商品</div>
                        <div class="price-sum">总价： <em>￥12.60</em></div>
                        <div class="btn-area">去结算</div>
                    </div>
				</div>
			</div>
		</div>
	</body>
</html>
